﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
  <link th:href="@{/front-resource/css/style.css}" type="text/css" rel="stylesheet" />
  <link th:href="@{/front-resource/css/app.css}" type="text/css" rel="stylesheet" />
  <!-- layui -->
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}"  media="all">
  <script th:src="@{/layui/layui.js}"></script>
<!-- Favicon -->
<!-- Favicon and Touch Icons -->
  <link th:href="@{/front-resource/images/favicon.png}" href="../static/front-resource/images/favicon.png" rel="shortcut icon" type="image/png">
  <link th:href="@{/front-resource/images/apple-touch-icon.png}" href="../static/front-resource/images/apple-touch-icon.png" rel="apple-touch-icon">
  <link th:href="@{/front-resource/images/apple-touch-icon-72x72.png}" href="../static/front-resource/images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
  <link th:href="@{/front-resource/images/apple-touch-icon-114x114.png}" href="../static/front-resource/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
  <link th:href="@{/front-resource/images/apple-touch-icon-144x144.png}" href="../static/front-resource/images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<title>Listri - Directory & Listing HTML Template</title>
</head>
<body>
<!-- Start Main Menu Area -->
<div th:replace="/common/frontCommon::header"></div>
<!-- End Main Menu Area -->

<section class="breadcromb-top section_100">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <ol class="text-white justify-content-center no-border mb-0">
          <li class="breadcrumb-item"><a href="index.html">主页</a></li>
          <li class="breadcrumb-item active">支付</li>
        </ol>
        <div class="breadcromb-box">
          <h3>订单支付</h3>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="clearfix bg-dark listingSection pt80 pb80 admin-page">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <form action="/alipay/pay" method="post" class="listing__form">
          <div class="dashboardBoxBg mb30">
            <div class="profileIntro paraMargin">
              <div align="right">
                <a href="javascript:(0)" id="back" class="btn btn-warning col-md-1">返回</a>
              </div>
              <h3>支付须知</h3>
              <p>请在支付之前仔细阅读订单信息，如果有问题可以取消订单重新预定  </p>

              <div class="row" th:object="${order}">
                <div class="form-group col-sm-6 col-xs-12">
                  <label for="orderHotel">酒店名称</label>
                  <input type="text" name="orderHotel" class="form-control" id="orderHotel" placeholder="酒店获取失败" th:field="*{orderHotel}" readonly>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label>房间</label>
                  <div class="contactSelect">
                    <input type="text" name="orderRoom" class="form-control" id="order_roomType" th:field="*{orderRoom}" readonly>
                    <input type="hidden" name="roomId" th:field="*{roomId}">
                  </div>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label for="customerName">入住人姓名</label>
                  <input type="text" name="customerName" class="form-control" id="customerName" placeholder="输入入住酒店顾客的姓名" th:field="*{customerName}" readonly>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label for="customerTel">联系方式</label>
                  <input type="number" name="customerTel" class="form-control" id="customerTel" placeholder="输入11位手机号码" th:field="*{customerTel}" readonly>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label for="inTime">入住时间</label>
                  <input type="date" name="stringInTime" class="form-control" id="inTime" placeholder="选择入住时间" th:value="${#dates.format(order.inTime,'yyyy-MM-dd')}" readonly>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label for="orderPrizeInput">应付金额</label>
                  <input type="number" name="orderPrize" class="form-control" id="orderPrizeInput" placeholder="Listing Title" th:value="${room.roomPrize}" readonly>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label>订单号码</label>&nbsp;
                  <input type="hidden" name="orderId" th:value="${order.orderId}">
                  <span th:text="${order.orderId}"></span>
                </div>
                <div class="form-group col-sm-6 col-xs-12">
                  <label>下单时间</label>&nbsp;
                  <span th:text="${#dates.format(order.orderTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                </div>
              </div>
            </div>
          </div>
          <div class="form-footer text-center">
            <button type="submit" class="btn-submit">支付</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>
<div th:replace="/common/frontCommon::footer"></div>

<!-- Optional JavaScript --> 
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script th:src="@{/front-resource/js/jquery.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/popper.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/bootstrap.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/getfund-nav.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/owl.carousel.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/waypoints.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/jquery.counterup.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/swiper.min.js}" type="text/javascript"></script>
<script th:src="@{/front-resource/js/custom.js}" type="text/javascript"></script>
<script>
  layui.use('layer', function () {
    var $ = layui.jquery;
    // 删除操作
    $("#back").on('click', function () {
      layer.confirm("订单还未支付,确认返回？", {title: "钱都不是事"}, function () {
        window.location="/frontOrders/selectAll";
      });
    })
  })
</script>
</body>
</html>